<template>
  <div>
    <table class="table1 owntable" border="0" cellspacing="0" cellpadding="1" width="100%">
      <tr class="tr1">
        <td>概率分级</td>
        <td>概率分级名称</td>
        <td>频次(人次/年)</td>
      </tr>
      <tr class="tr">
        <td><span>P5</span></td>
        <td><span>经常</span></td>
        <td>频次(每年)</td>
      </tr>
      <tr class="tr">
        <td><span>P4</span></td>
        <td><span>有时</span></td>
        <td> ≥10 <sup>-3</sup> </td>
      </tr>
      <tr class="tr">
        <td><span>P3</span></td>
        <td><span>偶然</span></td>
        <td>  ＜10<sup>-3</sup>和 ≥10<sup>-4</sup> </td>
      </tr>
      <tr class="tr">
        <td><span>P2</span></td>
        <td><span>很少</span></td>
        <td> ＜10<sup>-4</sup>和 ≥10<sup>-5</sup>  </td>
      </tr>
      <tr class="tr">
        <td><span>P1</span></td>
        <td><span>非常少</span></td>
        <td> ＜10<sup>-5</sup> 和 ≥10<sup>-6</sup>  </td>
      </tr>
    </table>
  </div>
</template>

<script></script>

<style scoped>
  .tr1 > td{
    text-align: center;
    width: 80px;
    background: #F5F7FA !important;
    position: relative;
  }
.tr > td {
  text-align: center;
  width: 80px;
  background: #ffffff !important;
  position: relative;
}
td > span:nth-child(2) {
  margin-left: 10px;
}
.tdx::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100px;
  top: 0;
  left: 0;
  background-color: #ebeef5;
  transform: rotate(-68deg);
  transform-origin: top;
}
</style>
